<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="shortcut icon" href="../public/images/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="../public/css/common.css" />
	<script type="text/javascript" src="../public/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" href="./css/payment.css" />
	<title>模拟付款页面</title>
</head>
<body>
<!-- 公用头部开始 -->
<!-- 公用头部结束 -->
<div id="payment" class="fixed" style="width:980px; margin:50px auto;">
	<div class="flow_chart">
		<div class="pos_x1 bg_a2" title="选购商品"></div>
		<div class="pos_x2 bg_b2" title="完成订单信息并下单"></div>
		<div class="pos_x3 bg_c1" title="下单完成并支付"></div>
	</div>
	<form id="goto_pay" method="POST" target="_blank" action="index.php?app=cashier&order_id=314627">
		<div id="pay_wrap">
			<div class="pay_status">
				<img src="./images/pay_status.jpg">
			</div>
			<div class="order_sub_success">
			<ul>
				<li>提示：设计手工产品库存有限，48小时内未付款的订单将被系统取消，为此带来的不便请多谅解。</li>
				<li>提示：如果需要与卖家协商修改价格，请不要进行下一步，待卖家修改价格后，刷新此页面，再选择支付方式，进入下一步。</li>
			</ul>
			</div>
			<div class="order_info">
			<span class="order_info_one">
				<a id="order_a" href="javascript:void(0);">查看订单</a>
			</span>
			<script type="text/javascript">
				$('#order_a').toggle(function() {
			    	$('#order_detail').show("slow");
			    }, function() {
			    	$('#order_detail').hide("slow");
			    });
			</script>
			<span class="order_info_two">
				收款方：哇噻网 总价：
				<strong>￥334.00</strong>
			</span>
			<div class="clear"></div>
			</div>
			<div id="order_detail" class="order_box" style="display: none;">
			<ul>
				<li class="li1">店铺商品</li>
				<li class="li2">店铺名称</li>
				<li class="li3">哇噻币</li>
				<li class="li4">单价</li>
				<li class="li5">数量</li>
				<li class="li6">优惠</li>
				<li class="li7">小计</li>
			</ul>
			<div class="order_info_one2">
				<dl>
					<dt>
						<img width="56px" height="56px" src="data/files/store_5079/goods_187/small_201207301159478478.jpg">
					</dt>
						<p>
							<a target="_blank" href="goods/65866.html">天然紫晶紫玛瑙手链手串3A男士女款情侣礼物韩版 刻字</a>
						</p>
						<p></p>
					</dd>
					<dd>
				</dl>
				<span class="order_info_storename">
					<a target="_blank" href="index.php?app=store&id=5079">［始祖鸟定制］</a>
				</span>
				<span class="order_info_wasaimoney">0</span>
				<span class="order_info_danjia">￥167.00</span>
				<span class="order_info_num">2</span>
				<p class="order_info_youhui">
					<span>--</span>
				</p>
				<p class="order_info_xiaoji">
					<span>￥334.00</span>
				</p>
				</div>
			</div>
			</div>
			<div class="clear"></div>
			<div class="choise_pay_box">
				<ul class="pay_nav">
					<li class="pay_over" onclick="select_payType(0);">网银支付</li>
					<li onclick="select_payType(1);">支付宝支付</li>
					<li onclick="select_payType(2);">财付通支付</li>
					<li class="pay_nav_empty"></li>
					<div class="clear"></div>
				</ul>
				<script type="text/javascript">
					function select_payType (n) {
						$('.pay_nav li').eq(n).addClass('pay_over').siblings('li').removeClass('pay_over');
				    	$('.pay_type_box').eq(n).show().siblings('.pay_type_box').hide();
				    }
				</script>
				<div class="pay_select_box">
					<div class="pay_type_box" style="display:block">			
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="中国银行-" alt="中国银行-" src="./images/gongshang.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="pay_type_box" style="display:none">				
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="支付宝-" alt="支付宝-" src="./images/logo.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="pay_type_box" style="display:none">				
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="财付通-" alt="财付通-" src="./images/caifu.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="clear"></div>
					<div id="submit_form" class="confirm_pay_butbox">
						<a href="javascript:void(0)">
							<img src="./images/confirmation_pay.jpg">
						</a>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
<!-- 公用页脚开始 -->
<!-- 公用页脚结束 -->
</body>
</html>